﻿<style>
    .productimg {
        margin-right: 50px;
        background-color: black;
        width: 500px;
        height: 500px;
        float: left;
    }

    .imgsize {
        width: 600px;
        height: 500px;
    }

    .productinfo {
        background-color: transparent;
        width: 500px;
        height: 800px;
        float: left;
    }

    hr {
        width: 80%;
    }

    .pdif {
        color:black;
        margin-left: auto;
        margin-right: auto;
        padding-left: 50px;
        font-size: 20px;
    }
</style>
@model ASM_Group2.Models.Product


@{
    var s = ViewBag.product as ASM_Group2.Models.Product;
    
}
<head>
    <title></title>
    <link href="~/CSS/Product.css" type="text/css" rel="stylesheet" />
</head>
<h1>Product Information</h1>
<div class="main">
    <div class="productimg">
        <img class="imgsize" src="~/Images/@s.Image" />
    </div>
    <div class="productinfo">
        <h1 style="color:black;padding-left:50px">@s.Name</h1>
        <hr />
        <h4 class="pdif">Size: @s.Size</h4>
        <hr />
        <h4 class="pdif">Color: @s.Color</h4>
        <hr />
        <h4 class="pdif">Price:@s.Price $</h4>
        <hr />
        <h4 class="pdif"></h4>
     
        <h4 style="float:right;margin-right:10px;">@Html.ActionLink("Add", "AddCart", "Product", new { id = @s.Id }, null) |</h4>
    </div>
</div>
